<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            a{
                text-decoration:none ;
               
             }
            .toubu{
                width: 1307px;
                height: 97px;
                /* background: rgb(35, 221, 11); */
                margin: auto;
                /* overflow:hidden */

            }
            /* .toubu{
                overflow:hidden
            } */
            .toubu .alibaba{
                margin: 28px 0px -30px 172px;
                height: 36px;
                width: 241px;
                
            }
            .toubu .sousuo form img{
                width: 16px;
                left: 672px;
                top: -3px;
                position: relative;
            }
            .toubu .sousuo form input{
                left: 700px;
                top: -6px;
                position: relative;
            }
            .toubu .a a{
                float: right;
                /* background: royalblue; */
                width: 200px;
                height: 20px;
                left: -207px;
                top: -27px;
                position: relative;
            }
            .toubu .a img{
                left: 1066px;
                top: -30px;
                position: relative;
                width: 9px;
                height: 9px;
            }
            .toubu .b a{
                float: right;
                /* background: royalblue; */
                width: 2px;
                height: 20px;
                left: -188px;
                top: -46px;
                position: relative;
            }
            .toubu .b img{
                left: 1136px;
                top: -44px;
                position: relative;
                width: 9px;
                height: 9px;
            }
            .qianbu{
                width: 1307px;
                height: 68px;
                background: rgb(255,102,0);
                /* 版心居中 */
                margin: auto;
                /* position: absolute; */
            }
           .qianbu .a .a1{
                /* margin: 30px 0px 30px 219px; */
                height: 13px;
                width: 90px;
                /* background: yellow; */
                position: relative;
                left: 282px;
                top: 24px;
           }
           .qianbu .a .a1 img{
                left: 12px;
                top: -3px;
                position: relative;
            }
            .qianbu .a .a2{
                height: 13px;
                width: 90px;
                /* background: yellow; */
                position: relative;
                left: 499px;
                top: 12px;
           }
           .qianbu .a .a2 img{
                left: 93px;
                top: -25px;
                position: relative;
           }
           .qianbu .a .a3{
                height: 13px;
                width: 116px;
                /* background: yellow; */
                position: relative;
                left: 715px;
                top: 1px;
           }
           .qianbu .a .a3 img{
                left: 127px;
                top: -25px;
                position: relative;
           }
           .qianbu .a .a4{
                height: 13px;
                width: 116px;
                /* background: yellow; */
                position: relative;
                left: 960px;
                top: -10px;
           }
           .qianbu .a .a4 img{
                left: 16px;
                top: -4px;
                position: relative;
           }
            .zhongbu{
                width: 1307px;
                height: 589px;
                background: rgb(239,239,206);
                margin: auto;
            }
            .zhongbu img{
                margin: 0px 230px 0px 230px;
                width: 846px;
                height: 589px;
            }
            .weibu{
                width: 1307px;
                height: 346px;
                background: rgb(255,102,0);
                margin: auto;
            }
            .weibu .logo .mm{
                height: 32px;
                width: 191px;
                margin: 44px 20px 264px 174px;
                /* 留白 上    右    下   左*/
                float: left;
            }
            .weibu .wenzi li{
                margin: 0px 0px 12px 0px;
            }
            .weibu .wenzi li .a1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .a2{
                left: 190px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .a3{
                left: 313px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .a4{
                left: 412px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .b1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .b2{
                left: 190px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .b3{
                left: 281px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .b4{
                left: 426px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .c1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .c2{
                left: 190px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .c3{
                left: 266px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .c4{
                left: 361px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .d1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .d2{
                left: 157px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .d3{
                left: 297px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .d4{
                left: 430px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .e1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .e2{
                left: 186px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .e3{
                left: 297px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .e4{
                left: 473px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .f1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .f2{
                left: 153px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .f3{
                left: 297px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .f4{
                left: 427px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .h1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .h2{
                left: 166px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .h3{
                left: 266px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .h4{
                left: 412px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .g1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .g2{
                left: 179px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .weibu .wenzi li .i1{
                left: 54px;
                top: 33px;
                position: relative;
                height: 13px;
                width: 64px;
            }
            .mowei{
                width: 1307px;
                height: 51px;
                background: rgb(255,102,0);
                margin: auto;
            }
            .mowei a{
                height: 16px;
                width: 80%;
                margin: 0px 0px 0px 310px;
                 /* 留白 上    右    下   左*/
            }
        </style>
    </head>
    <body>
        <div class="toubu">
            <ul>
                <li> 
                    <img src="logo_header.png" alt="" class="alibaba">
                </li>

                <li class="sousuo">
                    <form action="#" method="post">
                        <input type="text" name="condition" placeholder="搜寻阿里巴巴集团" >
                        <img src="search.png" alt="">
                       </form> 
                </li>

                <li class="a">
                    <a href="">阿里巴巴集团相关平台</a><img src="down.png" alt="">
                </li>

                    <li class="b">
                        <a href="">简</a><img src="down.png" alt="">
                    </li>

                <li>

                </li>
            </ul>
     </div>
        <div class="qianbu">
            <ul class="a">
                <li class="a1">
                    <a href="">关于我们</a><img src="down1.png" alt="">
                </li>

                <li class="a2">
                    <a href="">投资者关系</a><img src="down1.png" alt="">
                </li>
                <li class="a3">
                    <a href="">新闻及媒体资源</a><img src="down1.png" alt="">
                </li>
                <li class="a4">
                    <a href="">联系我们</a><img src="down1.png" alt="">
                </li>
            </ul>
        </div>

        <div class="zhongbu">
             <img src="home_banner_3.png" alt="">
        </div>

        <div class="weibu">
            <div class="logo">
                <img src="logo_footer.png" alt="" class="mm">
            </div>

            <div class="wenzi">
                <ul>
                     <li>
                        <a href="" class="a1">关于我们 </a>
                        <a href="" class="a2">投资者关系</a>
                        <a href="" class="a3">新闻及媒体资源</a>
                        <a href="" class="a4">联系我们</a>
                     </li>
                     <li>
                        <a href="" class="b1">公司简介</a>
                        <a href="" class="b2">投资者关系主页</a>
                        <a href="" class="b3">新闻发布</a>
                        <a href="" class="b4">办公地点</a>
                     </li>
                     <li>
                        <a href="" class="c1">业务范畴</a>
                        <a href="" class="c2">投资者新闻及活动</a>
                        <a href="" class="c3">Alizila 新闻网站</a>
                        <a href="" class="c4">投资者联系</a>
                     </li>
                     <li>
                        <a href="" class="d1">历史及里程碑</a>
                        <a href="" class="d2">投资者日</a>
                        <a href="" class="d3">A媒体报导</a>
                        <a href="" class="d4">媒体联系</a>
                     </li>
                     <li>
                        <a href="" class="e1">领导团队</a>
                        <a href="" class="e2">年度股东大会</a>
                        <a href="" class="e3">视频</a>
                        <a href="" class="e4">客户联系</a>
                    </li>
                     <li>
                        <a href="" class="f1">文化和价值观</a>
                        <a href="" class="f2">季度业绩</a>
                        <a href="" class="f3">媒体资料库</a>
                        <a href="" class="f4">执法部门合规指南</a>
                     </li>
                     <li> 
                        <a href="" class="h1">可持续发展</a>
                        <a href="" class="h2">美国证交会公告</a>
                        <a href="" class="h3">社交媒体</a>
                        <a href="" class="h4">知识产权保障</a>
                    </li>
                     <li>
                        <a href="" class="g1">诚信合规</a>
                        <a href="" class="g2">公司治理</a>
                     </li>
                     <li>
                        <a href="" class="i1">常见问题</a>
                     </li>
                </ul>
            </div>
        </div>

        <div class="mowei"> 
            <UL>
                <li>
                    <a href="">加入我们 |  免责声明 |  私隱政策 |  版权公告 © 1999-2016 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</a>
                </li>
            </UL>
        </div>
        
    </body>
</html>